<template>
  <div class="dialog">
    <el-dialog
      :visible.sync="showDialog"
      width="95%"
      top="0"
      :close-on-click-modal="false"
      @close="close"
    >
      <iframe :src="src" frameborder="0"></iframe>
    </el-dialog>
  </div>
</template>

<script>
export default {
  props: {
    show: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      showDialog: this.show,
      src: ''
    };
  },

  watch: {
    show(v) {
      this.showDialog = v;
      if (v) {
        this.src = ` http://localhost:8080/#/loginG?organizationNo=CSG`
      }
    }
  },
  created() {
  },
  mounted() {
  },
  methods: {
    close() {
      this.$emit("close");
    }
  }
}
</script>

<style  lang="scss" scoped>
::v-deep .el-dialog{
    top: 2%;
    height: 96%;
    border-radius: 7px;

}
::v-deep .el-dialog__header{
      height: 10px;
      padding: 0;
      background: linear-gradient(90deg, #3581fb 0%, #00faad 100%);
      border-radius: 7px 7px 0px 0px;
}
::v-deep .el-dialog__body{
    background: #303640;
    border: 1px solid #005c6f;
    height: calc(100% - 10px);
    >iframe{
      height: 100%;
      width: 100%;
    }

}
</style>
